// Compass Mixins
@import "compass/css3/opacity";
@import "compass/css3/inline-block";
@import "compass/css3/appearance";
@import "compass/css3/transition";
@import "compass/css3/box-sizing";
@import "compass/css3/box-shadow";
@import "compass/css3/user-interface";
@import "compass/utilities/general/min";
@import "compass/typography/links/link-colors";
@import "compass/typography/links/unstyled-link";

// Color palette
$navy: #24344e !default;
$gray: #666 !default;
$white: #fff !default;
$darkgray: #999 !default;
$lightgray: #bbb !default;
$stripeblue: #2687d0 !default;

$orange: #FAAD14 !default;
$red: #F5222D !default;
$green: #52C41A !default;
$blue: #1890FF !default;
$lightorange: #f2c200 !default;
$lightred: #ff625c !default;
$lightgreen: #6dcc50 !default;
$lightblue: #4c97ff !default;
$lightnavy: #ccd0d6 !default;

$gainsboro: #dfdfdf !default;
$whitesmoke: #f5f5f5 !default;
$ghostwhite: #f8f8f8 !default;
$wathet: #f3fafd !default;
$platinum: #e5e9ee !default;
$heavygray: #eee !default;
$thingray: #f3f6f9 !default;
$transparent: transparent !default;

// Color primary
$color-primary: #197aff !default;  // 主色
$color-secondary: $gray !default;  // 次主色
$color-minor: $orange !default;  // 次色
$color-primary-light: $lightblue !default;
$color-disabled: $whitesmoke !default;  // 主禁用色

// Color text 文字色
$color-text: $navy !default;  // 主文字色
$color-text-assist: $gray !default;  // 次文字色
$color-text-note: $darkgray !default;  // 注释文字色
$color-text-disabled: $lightgray !default;  // 禁用、只读文字色

// Color link
$color-link: $stripeblue !default;  // 第一级链接
$color-secondary-link: $navy !default;  // 第二级链接
$color-thrid-link: $lightgray !default;  // 第三级链接

$color-link-visited: $color-link !default;
$color-link-hover: $color-link !default;
$color-link-active: $color-link !default;

$color-secondary-link-visited: $color-secondary-link !default;
$color-secondary-link-hover: $color-secondary-link !default;
$color-secondary-link-active: $color-secondary-link !default;

$color-thrid-link-visited: $color-thrid-link !default;
$color-thrid-link-hover: $color-thrid-link !default;
$color-thrid-link-active: $color-thrid-link !default;

// Color status 辅助色
$color-success: $green !default;  // 成功状态
$color-success-light: $lightgreen !default;  // 次成功状态
$color-danger: $red !default;  // 危险状态
$color-danger-light: $lightred !default;  // 次危险状态
$color-warning: $orange !default;  // 警告状态
$color-warning-light: $lightorange !default;  // 次警告状态
$color-info: $blue !default;  // 信息提示状态
$color-info-light: $lightblue !default;  // 次信息提示状态
$color-note: $lightnavy !default;  // 注释提示状态

// 基础色
// Color background
$color-background: $whitesmoke !default;  // 组件内背景色
$color-background-hover: $ghostwhite !default;  // 组件内背景互动色
$color-background-active: $wathet !default;  // 组件内背景色突出
$color-background-secondary: $heavygray !default;  // 组件外不变背景色
$color-background-secondary-hover: $thingray !default; // 不变背景互动色

// Color border
$color-border: $gainsboro !default; // 边框色
$color-border-active: $lightgray !default;  // 边框活跃色
$color-border-disable: $gainsboro !default;  // 边框禁用色

// Color overlay
$color-overlay: $darkgray !default;  // 组件遮罩色

// Color typography
$color-currency: $orange !default;  // 价格色

// Components Color

// Buttons 按钮是最基础组件
$btn-color: $white !default;
$btn-border: $transparent !default;
$btn-background-color: $color-primary !default;
$btn-hover-color: $white !default;
$btn-hover-background-color: #2374e1 !default;
$btn-disable-background-color: #bbb !default;
$btn-disable-color: #f5f5f5 !default;

// button priamry
$btn-primary-color: $btn-color !default;
$btn-primary-border: $btn-border !default;
$btn-primary-background-color: $btn-background-color !default;
$btn-primary-hover-color: $btn-hover-color !default;
$btn-primary-hover-border: $btn-border !default;
$btn-primary-hover-background-color: $btn-hover-background-color !default;
$btn-primary-disable-background-color: $btn-disable-background-color !default;
$btn-primary-disable-border: $btn-border !default;
$btn-primary-disable-color: $btn-disable-color !default;

// button secondary
$btn-secondary-color: $color-text-assist !default;
$btn-secondary-border: #bbb !default;
$btn-secondary-background-color: $color-background !default;
$btn-secondary-hover-color: $color-primary !default;
$btn-secondary-hover-border: $color-primary-light !default;
$btn-secondary-hover-background-color: $white !default;
$btn-secondary-disable-background-color: $color-background !default;
$btn-secondary-disable-border: $color-border-disable !default;
$btn-secondary-disable-color: $color-text-disabled !default;

// button info
$btn-info-color: $color-text-assist !default;
$btn-info-border: #bbb !default;
$btn-info-background-color: $white !default;
$btn-info-hover-color: $color-primary !default;
$btn-info-hover-border: $color-primary-light !default;
$btn-info-hover-background-color: $white !default;
$btn-info-disable-background-color: $color-background !default;
$btn-info-disable-border: $color-border-disable !default;
$btn-info-disable-color: $color-text-disabled !default;

// button ghost
$btn-ghost-color: #bbb !default;
$btn-ghost-border: #bbb !default;
$btn-ghost-background-color: rgba(255, 255, 255, 0) !default;
$btn-ghost-hover-color: #1eb6f8 !default;
$btn-ghost-hover-border: $btn-ghost-hover-color !default;
$btn-ghost-hover-background-color: rgba(255, 255, 255, 0) !default;
$btn-ghost-disable-background-color: $color-background !default;
$btn-ghost-disable-color: #adb1b6 !default;
$btn-ghost-disable-border: $btn-ghost-disable-color !default;

// button warning
$btn-warning-hover-color: $white !default;
$btn-warning-hover-border: $color-warning !default;
$btn-warning-hover-background-color: $color-warning !default;

// button danger
$btn-danger-hover-color: $white !default;
$btn-danger-hover-border: $color-danger !default;
$btn-danger-hover-background-color: $color-danger !default;

// button upload
$btn-upload-color: $color-text-note;

// datepicker
$pika-calendar-primary-color: $color-primary !default;
$pika-calendar-secondary-color: #D5E9F7 !default;
$pika-calendar-color: $color-secondary !default;
$pika-calendar-inverse-color: $white !default;
$pika-calendar-invalid-color: $color-text-disabled !default;
$pika-calendar-bg-color: $white !default;
$pika-calendar-border-color: $color-border !default;

// tabs
$tab-background-color: $color-background !default;
$tab-body-color: $navy !default;
$tab-li-color: $color-primary !default;
$tab-primary-hover-color: $color-primary-light !default;
$tab-border-color: $color-border !default;

// tables
$table-background-color: $white !default;
$table-border-color: $heavygray !default;
$table-text-color: #1e1e1e !default;
$thead-background-color: #fafafa !default;
$tfoot-background-color: $white !default;
$th-height: 32px !default;
$td-height: 40px !default;
$td-padding: 16px !default;
$tr-danger-background-color: #fffaf8 !default;
$tr-hover-background-color: #e1f5fe !default;
$td-hover-color: #44454d !default;

// form
$input-text-color: $color-text-assist !default;
$input-placeholder-color: $color-text-note !default;
$input-border-color: $color-border !default;
$input-background-color: $white !default;
$input-font-family: 'Microsoft YaHei' !default;
$input-hover-color: $color-text-note !default;
$input-focus-color: $color-primary-light !default;
$input-danger-color: $color-danger !default;
$input-success-color: $color-success !default;
$input-placeholder-color: $color-text-disabled !default;
$label-text-color: $color-text-assist !default;

// input-group
$input-search-border-color: $color-border !default;
$input-disable-border-color: $color-border-disable !default;
$input-disable-color: $color-text-note !default;

// list
$list-border-color: $color-primary !default;

// menu
$color-menu-active: $color-background-active !default;
$color-menu-border: $color-border !default;
$color-menu-background: $color-background !default;

// modal
$modal-header-color: $color-primary !default;
$modal-image-list-border-color: $color-primary !default;
$modal-color: $color-border-disable !default;

// navbar
$navbar-primary-color: $color-primary !default;

// pagination
$pagination-current-color: $color-link !default;
$pagination-border-color: $color-border !default;
$pagination-hover-color: $color-text !default;
$pagination-danger-current-color: $color-primary !default;
$pagination-unbordered-current-color: $color-link !default;

// progress
$progress-step-height: 8px !default;
$progress-active-step-height: 12px !default;
$progress-mini-step-height: 14px !default;
$progress-bar-width: 200px !default;
$progress-bar-height: 4px !default;
$progress-step-into-width: 140px !default;
$progress-step-active-color: $color-primary !default;
$progress-step-color: $color-text-note !default;

$use-old-progress: 0 !default;
$progress-step-height-old: 23px !default;
$progress-bar-width-old: 100px !default;
$progress-bar-height-old: 10px !default;
$progress-step-into-width-old: 128px !default;

// selectric
$selectric-btn-color: #F7F7F7 !default;

// notice
$notice-major: $color-danger !default;
$notice-note: $color-text-assist !default;
$notice-secondary: $color-text-note !default;
$notice-info: $color-success !default;
$notice-padding: 12px !default;
$notice-background: #fff7de !default;
$notice-error-background: #fef2f2 !default;
$notice-radius: 5px !default;

// pokeball antd
$border-radius-small: 2px !default;
$border-radius-medium: 3px !default;
$border-radius-normal: 4px !default;
$border-radius-large: 6px !default;

$input-border-radius: $border-radius-normal !default;
